<!--
This example demonstrates the minimum amount of code required to use Mergely.
-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" /><title>Mergely - Simple Example</title>
	<meta http-equiv="X-UA-Compatible" content="chrome=1, IE=edge">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<meta name="description" content="Merge and Diff your documents with diff online and share" />
	<meta name="keywords" content="diff,merge,compare,jsdiff,comparison,difference,file,text,unix,patch,algorithm,saas,longest common subsequence" />
	<meta name="author" content="Jamie Peabody" />

	<!-- Requires jQuery -->

	<script src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.js" type="text/javascript"></script>
	
	<!-- Requires CodeMirror -->
	<script type="text/javascript" src="codemirror.js"></script>
	<link type="text/css" rel="stylesheet" href="codemirror.css" />
	
	<!-- Requires Mergely -->
	<script type="text/javascript" src="mergely.js"></script>
	<link type="text/css" rel="stylesheet" href="mergely.css" />
	
	<script type="text/javascript">

        $(document).ready(function () {
			$('#compare').mergely({
				cmsettings: { readOnly: false },
				lhs: function(setValue) {
					setValue('th a quick red fox\njumped over the hairy asdf assad a dogasdfasfddsafffffffasdfs dsssssssssssssadfssssssssssssssssssssssssssssssssssss');
				},
				rhs: function(setValue) {
					setValue('th e quick brown fox\njumped over the lazy dogaa dasdffsf');
				}
			});
		});
	</script>
</head>
<body>

	<div id="mergely-resizer">
		<div id="compare">
		</div>
	</div>

</body>
</html>
